本文转载，只收藏不常见的，平时不太清楚要如何实现的 椭圆形 image.png #oval { width: 200px; height: 100px; background: red; border-radius: 100 ...

功能概述： 根据后端返回接口，实现路由动态显示 实现按钮（HTML元素）级别权限控制 涉及知识点： 路由守卫 Vuex使用 Vue自定义指令 导航守卫 前端工程采用Github开源项目Vue-element-admin作为模板，该项目地址： ...

1、-webkit-line-clamp可以把 块容器 中的内容限制为指定的行数。并且在超过行数后，在最后一行显示"..."这是正常的展示 display: -webkit-box; /*值必须为-webkit-box或者-webkit-i ...

前言公司的项目需要做seo，经过翻阅nuxt文档 、相关资料及自己实战后，特意整理分享这篇文章，方便入坑的同学脱坑，同时自己也做下笔记，如有说错的地方，还望指点。没有了解过seo和ssr服务器渲染的同学，建 ...

下面是总结的css技巧，建议大家收藏，以后用的时候就不用到处查资料了。当然这些也不是所有的，大家如果有什么好的css有趣样式技巧也可以发出来哦 三角形 最常见的一种形状了。切图，不存在的。 /** 正三角 */ .triangle { ...

这两天大家的朋友圈应该都被日环食刷屏了吧，有幸亲眼目睹了日环食的小伙伴一定被这十年才能一见的天文奇观给震撼了一番，我作为一个业余天文爱好者，业余到连一个望远镜都没有，只能在日环食这天仰望天空，却被强烈的阳光刺痛了双眼，毛也看不到。 作为一个 ...

1. 什么是装饰器 Decorator 是 ES7 的一个新语法，他可以对一些对象进行装饰包装然后返回一个被包装过的对象，可以装饰的对象包括：类，属性，方法等。打个比方：你出去玩，出门前戴了一顶帽子，这是帽子就是装饰器，你自己就是被装 ...

小程序生成带二维码的海报效果预览： 项目需求： 需要根据用户信息生成用户个人二维码，后台提供海报素材，将用户二维码画在海报上，并可预览海报，长按保存海报，方便用户分享或者发朋友圈。 涉及到的相关API： wx.getImageInfo()- ...

在日常开发中，经常会有代码复用的情况，比如在很多个页面里，发现用户没有登录需要弹框登录的时候，比如多个页面顶部都有一个搜索框或者列表底部的暂无数据等等。 这个时候我们可以将页面内的功能模块抽象成自定义组件，以便在不同的页面中重复使用；也可以 ...

伪元素和伪类 说到这个，我们先回顾一下，伪类选择器和伪元素选择器，老版的浏览器没有严格区分下面 2 种写法。 a:after{} a::after{} 在新的标准中，单冒号(:)用于 CSS3 伪类，双冒号(::)用于 CSS3 伪元素，我 ...